<template>
	<view>
		<u-navbar :is-back="true" :is-fixed="true" title="订单详情"></u-navbar>
		<view style=" background-color:#EFEDE9;">
			<view class="pl-3 pr-2 font-14 lineHight-40 font-weight-bold">服务信息</view>
		</view>
		<u-field v-model="mobile" :border-bottom="false" label="订单状态" :disabled="true" input-align="right"
			:field-style="placeholderStyles">
		</u-field>
		<u-field v-model="mobile" :border-bottom="false" label="上游服务商" label-width="140" :disabled="true"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<u-field v-model="mobile" :border-bottom="false" label="产品/服务名称" label-width="180" :disabled="true"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="服务商名称" label-width="140"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label-width="180" label="服务介绍"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="服务价格" input-align="right"
			:field-style="placeholderStyle"></u-field>
		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="服务流程" input-align="right"
			:field-style="placeholderStyle"></u-field>
		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="服务售后" input-align="right"
			:field-style="placeholderStyle"></u-field>
		<view style=" background-color:#EFEDE9;">
			<view class="pl-3 pr-2 font-14 lineHight-40 font-weight-bold">客户信息</view>
		</view>
		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="涉农企业" input-align="right"
			:field-style="placeholderStyle"></u-field>
		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="联系方式" input-align="right"
			:field-style="placeholderStyle"></u-field>
		<view style=" background-color:#EFEDE9;">
			<view class="pl-3 pr-2 font-14 lineHight-40 font-weight-bold">订单信息</view>
		</view>
		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label-width="160" label="订单编号"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="订单时间" input-align="right"
			:field-style="placeholderStyle"></u-field>
		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label-width="160" label="订单进度	"
			input-align="right" :field-style="placeholderStyle"></u-field>

		<u-field v-model="mobile" :border-bottom="false" :disabled="true" label="订单评价" input-align="right"
			:field-style="placeholderStyle"></u-field>

	</view>
</template>

<script>
import $H from "@/common/free-lib/request.js";

	import ferrButton from "@/components/free-ui/ferr-button.vue";
	export default {
		components: {
			ferrButton,
		},
		data() {
			return {

				mobile: '测试奢侈',
				placeholderStyle: {
					color: '#999'
				},
				placeholderStyles: {
					color: '#FFC251'
				}
			}
		},
		computed: {

		},
		methods: {
			getNotice(id) {
      $H.get(
        "/basisInform/platformNotice/queryById",
        {
          id,
        },
        {}
      ).then((res) => {
        if (!res.result) {
          uni.showToast({
            title: "未查询到相关信息",
            icon: "none",
          });
          return;
        }
        this.time = res.result.updateTime;
        this.richText = res.result.content;
        this.title = res.result.title;
      });
      $H.get(
        "/basisInform/platformNotice/upper/clickRead",
        {
          id,
        },
        {}
      );
    },

		}
	}
</script>

<style>
</style>